<!DOCTYPE html>
<head>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="../css/index.css">
  <link rel="stylesheet" href="../css/swiper.min.css">
  <script src="../js/jquery.min.js"></script>
  <script src="../js/swiper.min.js"></script>
  <script src="../js/jquery.lazyload.min.js"></script>
  <script src="../js/index.js"></script>
  <title>联系我们</title>
</head>
<body>
    <header class="headbar">
      <div class="containter">
        <ul class="navbar">
          <li><a href="index.html">首页</a></li>
          <li> <a href="about.html">关于我们</a></li>
          <li> <a href="agent.html">线下代理</a></li>
          <li> <a href="brand.html">品牌故事</a></li>
        </ul><a class="head-logo" href="index.html"><img src="../img/logo.png"></a>
        <div class="fr"><a class="contact-us-href" href="contact.html">联系我们</a><img class="head-search" src="../img/search.png"></div>
      </div>
    </header>
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide">
          <div class="banner-img img1"></div>
        </div>
        <div class="swiper-slide">
          <div class="banner-img img2"></div>
        </div>
        <div class="swiper-slide">
          <div class="banner-img img3"></div>
        </div>
        <div class="swiper-slide">
          <div class="banner-img img4"></div>
        </div>
      </div>
      <div class="swiper-pagination"></div>
      <div class="swiper-button-next"></div>
      <div class="swiper-button-prev"></div>
    </div>
  <section>
    <div class="contact-us">
      <div class="contact-tit">
        <h2>联系我们</h2>
        <p>CONTACT  US</p>
      </div>
      <div class="contact-info clearfix">
        <ul class="contact-info-con">
          <li> 
            <label>公司地址：</label>
            <div>广州市白云区鹤边五社通达创意园16号201</div>
          </li>
          <li> 
            <label>电话：</label>
            <div>020-29188807</div>
          </li>
          <li> 
            <label>邮箱：</label>
            <div>1978747385@qq.com</div>
          </li>
        </ul>
        <div class="contact-info-map"><img src="../img/map.png"></div>
      </div>
    </div>
  </section>
    <footer class="footer-bar">
      <div class="contact-us">
        <div class="contact-tit">
          <h2>联系我们</h2>
          <p>CONTACT  US</p>
        </div>
        <ul class="contact-us-list">
          <li> <img src="../img/address.png">
            <h2>地址</h2>
            <p>广州市白云区鹤边五社通达创意园16号201</p>
          </li>
          <li> <img src="../img/tel.png">
            <h2>电话</h2>
            <p>020-29188807</p>
          </li>
          <li> <img src="../img/email.png">
            <h2>邮箱</h2>
            <p>1978747385@qq.com</p>
          </li>
        </ul>
        <div class="us-name">袋鼠夫人孕妇护肤品牌<a href="http://www.miitbeian.gov.cn">粤ICP备18126536号-1</a></div>
      </div>
    </footer>
</body>